body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f4f4f4!important;
  font-size: 12px!important;
}

#root{
  height: 100%;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

/* 全局样式 */
.clearfix {
  overflow: hidden;
  _zoom: 1;
}

.fl{
  float: left;
}

.fr{
  float: right;
}

.dn{
  display: none!important;
}

.db{
  display: block;
}

.tc{
  text-align: center;
}

.color-black{
  color: #000;
}

.color-red{
  color:red;
}

.mr10{
  margin-right: 10px!important;
}
.mb10{
  margin-bottom: 10px!important;
}
.mb20{
  margin-bottom: 20px!important;
}
.mb30{
  margin-bottom: 30px!important;
}

.cp{
  cursor: pointer;
}
/* modal居中显示 */
.ant-modal-title{

}
.vertical-center-modal {
  text-align: center;
  white-space: nowrap;
}

.vertical-center-modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.vertical-center-modal .ant-modal {
  display: inline-block;
  vertical-align: middle;
  top: 0;
  text-align: left;
}

/* radio样式垂直排列 */
.radioBlock{
  display: block!important;
  height: 30px;
  line-height: 30px!important;
}

/* 按钮样式 */
.ant-btn{
  border-radius: 16px!important;
  font-size: 12px!important;
  line-height: 12px!important;
}
.btnCircle{
  border-radius: 16px!important;
}
.btnActive{
  border: 1px solid #3f64fd !important;
  color: black !important;
  font-weight: 600 !important;
  background: url("../src/assets/img/tick.png") no-repeat right bottom !important;  
  transition:none!important;
}

.ant-btn-danger{
  background: #f5222d!important;
  color: #ffffff!important;
}

// 表格样式
.ant-table{
  font-size: 12px!important;
}
.ant-table-thead > tr > th{
  background: #E1E8F0!important;
  color: #001529!important;
  padding: 11px 8px!important;
}
.ant-table-tbody > tr{
  background: #fff!important;
}
.ant-table-tbody > tr > td{
  padding: 14px 8px!important;  
}
.ant-table-row-expand-icon-cell{
  width: 40px!important;
  min-width: 40px!important;  
  span{
    background: none!important;
    border: none!important;
  }
}
.ant-table-row-collapsed::after {
  content: '>'!important;
}
.ant-table-row-expanded{
  transform:rotate(90deg)!important;
}
.ant-table-row-expanded::after {  
  content: '>'!important;
}

.ant-table-expanded-row{
  &>td:last-child {
    padding: 30px 55px 30px 8px!important;
  }
  .ant-table-thead > tr > th{
    background: rgb(233, 243, 255)!important;
  }  
}

// 分页样式
.ant-pagination {
  text-align: right;
  margin-top: 20px!important;
}

//layout样式
.ant-layout-header{
  height: 60px!important;
  line-height: 60px!important;
}

//antd框架组件字体大小
.ant-modal-title{
  font-size: 14px!important;
}
.ant-select,
.ant-select-dropdown,
.ant-form label,
.ant-form-item{
  font-size: 12px!important;
}